<template>
	<div class="demo">
		<h2 class="title">学校名称：{{name}}</h2>
		<h2>学校地址：{{address}}</h2>
	</div>
</template>

<script>
	export default {
		name:'School',
		data() {
			return {
				name:'尚硅谷atguigu',
				address:'北京',
			}
		}
	}
</script>
<!-- 使用scoped的定义样式的范围只在当前组件生效,不然默认会把所有的组件样式综合,覆盖,会有样式污染问题 -->
<style scoped>
	.demo{
		background-color: skyblue;
	}
</style>